<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>
		</title>
	</head>
	<link rel="shortcut icon" href="http://i.vanclimg.com/common/favicon/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="Public/Home/css/Common.css" />
	<link rel="stylesheet" href="Public/Home/css/Content.css" />
	<body>
		<!--登录栏-->
		<div id="loginbar">
			<div class="login_all">
				<div class="login_center">
					<ul class="login_left">
						<li>
							您好,欢迎光临凡客诚品！
						</li>
						<li>
							<a href="{{U('Denglu/index')}}">
								登录
							</a> |
							<a href="{{U('Zhuce/index')}}">
								注册
							</a>
						</li>
						<li>
							<a class="dingdan" href="">
								我的订单
							</a>
						</li>
						<li>
							<a class="dingdan" href="">
								收藏本站
							</a>
						</li>
					</ul>
					<ul class="login_right">
						<li class="xiajt">
							<a href="">
								我的凡客
							</a>
							<ul>
								<a class="shou" href="">
									我的凡客
								</a>
								<li>
									<a href="">
										我的订单
									</a>
								</li>
								<li>
									<a href="">
										我的收藏
									</a>
								</li>
							</ul>
						</li>
						<li class="xiajt">
							<a href="">
								帮助中心
							</a>
							<ul>
								<a class="shou" href="">
									帮助中心
								</a>
								<li>
									<a href="">
										购物指南
									</a>
								</li>
								<li>
									<a href="">
										配送方式
									</a>
								</li>
								<li>
									<a href="">
										支付方式
									</a>
								</li>
								<li>
									<a href="">
										售后服务
									</a>
								</li>
								<li>
									<a href="">
										投诉建议
									</a>
								</li>
								<li>
									<a href="">
										在线客服
									</a>
								</li>
							</ul>
						</li>
						<li class="xiajt">
							<a href="">
								网站公告
							</a>
							<ul>
								<a class="shou" href="">
									网站公告
								</a>
								<li>
									<a href="">
										网站公告
									</a>
								</li>
								<li>
									<a href="">
										重要提示
									</a>
								</li>
							</ul>
						</li>
						<li class="shouji">
							<a href="">
								手机凡客
							</a>
						</li>
						<li class="zaixian">
							<a href="">
								在线客服
							</a>
						</li>
						<li class="weibo">
							<a href="">
							</a>
						</li>
						<li class="weixin">
							<a href="">
								<img src="./image/erweima.png" alt="" />
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--搜索栏-->
		<div id="search">
			<div class="search_left">
				<a class="logo" href="">
				</a>
			</div>
			<div class="search_right">
				<input class="text" type="text" placeholder="搜“衬衫”,体验与众不同" />
				<input class="submit" type="submit" value="搜索" />
				<div class="gwcbox">
					<input type="button" name="" class="gouWuChe" value="购物车(0)" />
					<div class="box1">
						<div class="box2">
						</div>
					</div>
				</div>
				<ul>
					<li>
						热门搜索:
					</li>
					<li>
						外套
					</li>
					<li>
						羽绒服
					</li>
					<li>
						针织衫
					</li>
					<li>
						免烫衬衫
					</li>
					<li>
						法兰绒
					</li>
					<li>
						鞋
					</li>
				</ul>
			</div>
		</div>
		<!--导航栏-->
		<div id="nav">
			<div class="nav_left">
				<a class="quanbu" href="">
					全部商品分类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				</a>
				<div class="zhezhao">
					<div class="lunbo_left">
						<ul>
							<li>
								<h3>
									<a href="">
										男装
									</a>
								</h3>
								<dt>
									<a href="">
										衬衫
									</a>
								</dt>
								<dd>
									<a href="" class="first">
										免烫
									</a>
									<a href="" class="noOne">
										法兰绒
									</a>
									<a href="" class="noOne">
										牛仔布
									</a>
									<a href="" class="noOne">
										牛津纺
									</a>
								</dd>
							</li>
							<li>
								<dt>
									<a href="">
										衬衫
									</a>
								</dt>
								<dd>
									<a href="" class="first">
										免烫
									</a>
									<a href="" class="noOne">
										法兰绒
									</a>
									<a href="" class="noOne">
										牛仔布
									</a>
									<a href="" class="noOne">
										牛津纺
									</a>
								</dd>
							</li>
							<li>
								<dt>
									<a href="">
										衬衫
									</a>
								</dt>
								<dd>
									<a href="" class="first">
										免烫
									</a>
									<a href="" class="noOne">
										法兰绒
									</a>
									<a href="" class="noOne">
										牛仔布
									</a>
									<a href="" class="noOne">
										牛津纺
									</a>
								</dd>
							</li>
							<li>
								<dt>
									<a href="">
										衬衫
									</a>
								</dt>
								<dd>
									<a href="" class="first">
										免烫
									</a>
									<a href="" class="noOne">
										法兰绒
									</a>
									<a href="" class="noOne">
										牛仔布
									</a>
									<a href="" class="noOne">
										牛津纺
									</a>
								</dd>
							</li>
						</ul>
						<ul>
							<li>
								<h3>
									<a href="">
										男装
									</a>
								</h3>
								<dt>
									<a href="">
										衬衫
									</a>
								</dt>
								<dd>
									<a href="" class="first">
										免烫
									</a>
									<a href="" class="noOne">
										法兰绒
									</a>
									<a href="" class="noOne">
										牛仔布
									</a>
									<a href="" class="noOne">
										牛津纺
									</a>
								</dd>
							</li>
							<li>
								<dt>
									<a href="">
										衬衫
									</a>
								</dt>
								<dd>
									<a href="" class="first">
										免烫
									</a>
									<a href="" class="noOne">
										法兰绒
									</a>
									<a href="" class="noOne">
										牛仔布
									</a>
									<a href="" class="noOne">
										牛津纺
									</a>
								</dd>
							</li>
						</ul>
						<ul>
							<li>
								<h3>
									<a href="">
										男装
									</a>
								</h3>
								<dd>
									<a href="" class="first">
										免烫
									</a>
									<a href="" class="noOne">
										法兰绒
									</a>
									<a href="" class="noOne">
										牛仔布
									</a>
									<a href="" class="noOne">
										牛津纺
									</a>
								</dd>
							</li>
						</ul>
						<ul>
							<li>
								<h3>
									<a href="">
										男装
									</a>
								</h3>
								<dd>
									<a href="" class="first">
										免烫
									</a>
									<a href="" class="noOne">
										法兰绒
									</a>
									<a href="" class="noOne">
										牛仔布
									</a>
									<a href="" class="noOne">
										牛津纺
									</a>
								</dd>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<ul class="nav_right">
				<li>
					<a href="">
						羽绒服
					</a>
					<div class="tab">
						<div class="tab_left">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
						<div class="tab_center">
						</div>
						<div class="tab_right">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="">
						羽绒服
					</a>
					<div class="tab">
						<div class="tab_left">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
						<div class="tab_center">
						</div>
						<div class="tab_right">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="">
						羽绒服
					</a>
					<div class="tab">
						<div class="tab_left">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
						<div class="tab_center">
						</div>
						<div class="tab_right">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="">
						羽绒服
					</a>
					<div class="tab">
						<div class="tab_left">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
						<div class="tab_center">
						</div>
						<div class="tab_right">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="">
						羽绒服
					</a>
					<div class="tab">
						<div class="tab_left">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
						<div class="tab_center">
						</div>
						<div class="tab_right">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="">
						羽绒服
					</a>
					<div class="tab">
						<div class="tab_left">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
						<div class="tab_center">
						</div>
						<div class="tab_right">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="">
						羽绒服
					</a>
					<div class="tab">
						<div class="tab_left">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
						<div class="tab_center">
						</div>
						<div class="tab_right">
							<img src="./image/yurongfu.jpg" width="140" alt="" />
							<div>
								<h4>
									男款
								</h4>
								<p>
									超轻羽绒服 鹅绒造 更保暖 无异味
								</p>
								<span>￥399</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<a href="">
						反季断码
					</a>
				</li>
			</ul>
		</div>
		<!--当前位置-->
		<div id="posit">
			<a href="">
				首页
			</a>
			>
			<a href="">
				运动户外
			</a>
			>
			<a href="">
				男运动装
			</a>
			>
			<a href="">
				T恤
			</a>
			>
			<a href="">
				短袖T恤
			</a>
			>
			<span>凡客 跑步短T 男款</span>
		</div>
		<!--内容标题-->
		<div id="Dtitle">
			<h3>
				凡客 跑步短T 男款 荧光绿
			</h3>
			<span>
				<a href="">
					产品描述
				</a>
				|
				<a href="">
					评论
				</a>
				|
				<a href="">
					提问
				</a>
			</span>
		</div>
		<!--主题内容-->
		<div id="content_Z">
			<div class="preview">
				<div id="vertical" class="bigImg">
					<img src="{{$gdetail[0]['pic'][1]}}" width="400" height="400" alt="" id="midimg" />
					<div style="display:none;" id="winSelector">
					</div>
				</div><!--bigImg end-->
				<div class="smallImg">
					<div class="scrollbutton smallImgUp disabled">
					</div>
					<div id="imageMenu">
						<ul>
							{{foreach from="$gdetail[0]['pic']" value="$v"}}
							<li id="onlickImg">
								<img class="tp" src="{{$v}}" width="68" height="68" alt=""/>
							</li>
							{{endforeach}}
						</ul>
					</div>
					<div class="scrollbutton smallImgDown">
					</div>
				</div><!--smallImg end-->
				<div id="bigView" style="display:none;">
					<img width="800" height="800" alt="" src="" />
				</div>
			</div>
			<div class="Z_right">
				<p class="shoujia">
					售价：￥<span class="sj">{{$goodData['garket']}}</span>
				</p>
				{{foreach from="$tepy" key="$k" value="$v"}}
				<ul class="yanse">
					<span>{{$k}}:</span>
					{{foreach from="$v" value="$vv"}}
					<li class="">
						<span>{{$vv['gnvalue']}}</span>
					</li>
					{{endforeach}}
				</ul>
				{{endforeach}}
				<p class="shuliang">
					<span>数量：</span>
					<select name="" id="">
						<option value="1">
							1
						</option>
						<option value="2">
							2
						</option>
						<option value="3">
							3
						</option>
						<option value="4">
							4
						</option>
						<option value="5">
							5
						</option>
						<option value="6">
							6
						</option>
						<option value="7">
							7
						</option>
						<option value="8">
							8
						</option>
						<option value="9">
							9
						</option>
						<option value="10">
							10
						</option>
					</select>
				</p>
				<p class="yixuan">
					
					
				</p>
				<a class="liJi lJ" href="">
					立即购买
				</a>
				<a class="jiaRu lJ" href="{{U('Shopcar/add',array('gid'=>Q('get.gid')))}}">
				</a>
			</div>
		</div>
		<!--preview <end-->
		<script type="text/javascript" src="Public/Home/js/jquery.1.4.2-min.js"></script>
		<script type="text/javascript">$(document).ready(function() {
	// 图片上下滚动
	var count = $("#imageMenu li").length - 5; /* 显示 6 个 li标签内容 */
	var interval = $("#imageMenu li:first").width();
	var curIndex = 0;
	$('.scrollbutton').click(function() {
		if ($(this).hasClass('disabled')) return false;
		if ($(this).hasClass('smallImgUp')) --curIndex;
		else ++curIndex;
		$('.scrollbutton').removeClass('disabled');
		if (curIndex == 0) $('.smallImgUp').addClass('disabled');
		if (curIndex == count - 1) $('.smallImgDown').addClass('disabled');
		$("#imageMenu ul").stop(false, true).animate({
			"marginLeft": -curIndex * interval + "px"
		}, 600);
	});
	// 解决 ie6 select框 问题
	$.fn.decorateIframe = function(options) {
		if ($.browser.msie && $.browser.version < 7) {
			var opts = $.extend({}, $.fn.decorateIframe.defaults, options);
			$(this).each(function() {
				var $myThis = $(this);
				//创建一个IFRAME
				var divIframe = $("<iframe />");
				divIframe.attr("id", opts.iframeId);
				divIframe.css("position", "absolute");
				divIframe.css("display", "none");
				divIframe.css("display", "block");
				divIframe.css("z-index", opts.iframeZIndex);
				divIframe.css("border");
				divIframe.css("top", "0");
				divIframe.css("left", "0");
				if (opts.width == 0) {
					divIframe.css("width", $myThis.width() + parseInt($myThis.css("padding")) * 2 + "px");
				}
				if (opts.height == 0) {
					divIframe.css("height", $myThis.height() + parseInt($myThis.css("padding")) * 2 + "px");
				}
				divIframe.css("filter", "mask(color=#fff)");
				$myThis.append(divIframe);
			});
		}
	}
	$.fn.decorateIframe.defaults = {
			iframeId: "decorateIframe1",
			iframeZIndex: -1,
			width: 0,
			height: 0
		}
		//放大镜视窗
	$("#bigView").decorateIframe();
	//点击到中图
	var midChangeHandler = null;
	$("#imageMenu li img").bind("click", function() {
		if ($(this).attr("id") != "onlickImg") {
			midChange($(this).attr("src").replace("small", "mid"));
			$("#imageMenu li").removeAttr("id");
			$(this).parent().attr("id", "onlickImg");
		}
	}).bind("mouseover", function() {
		if ($(this).attr("id") != "onlickImg") {
			window.clearTimeout(midChangeHandler);
			midChange($(this).attr("src").replace("small", "mid"));
			$(this).css({
				"border": "3px solid #959595"
			});
		}
	}).bind("mouseout", function() {
		if ($(this).attr("id") != "onlickImg") {
			$(this).removeAttr("style");
			midChangeHandler = window.setTimeout(function() {
				midChange($("#onlickImg img").attr("src").replace("small", "mid"));
			}, 1000);
		}
	});

	function midChange(src) {
		$("#midimg").attr("src", src).load(function() {
			changeViewImg();
		});
	}
	//大视窗看图
	function mouseover(e) {
		if ($("#winSelector").css("display") == "none") {
			$("#winSelector,#bigView").show();
		}
		$("#winSelector").css(fixedPosition(e));
		e.stopPropagation();
	}

	function mouseOut(e) {
		if ($("#winSelector").css("display") != "none") {
			$("#winSelector,#bigView").hide();
		}
		e.stopPropagation();
	}
	$("#midimg").mouseover(mouseover); //中图事件
	$("#midimg,#winSelector").mousemove(mouseover).mouseout(mouseOut); //选择器事件
	var $divWidth = $("#winSelector").width(); //选择器宽度
	var $divHeight = $("#winSelector").height(); //选择器高度
	var $imgWidth = $("#midimg").width(); //中图宽度
	var $imgHeight = $("#midimg").height(); //中图高度
	var $viewImgWidth = $viewImgHeight = $height = null; //IE加载后才能得到 大图宽度 大图高度 大图视窗高度
	function changeViewImg() {
		$("#bigView img").attr("src", $("#midimg").attr("src").replace("mid", "big"));
	}
	changeViewImg();
	$("#bigView").scrollLeft(0).scrollTop(0);

	function fixedPosition(e) {
		if (e == null) {
			return;
		}
		var $imgLeft = $("#midimg").offset().left; //中图左边距
		var $imgTop = $("#midimg").offset().top; //中图上边距
		X = e.pageX - $imgLeft - $divWidth / 2; //selector顶点坐标 X
		Y = e.pageY - $imgTop - $divHeight / 2; //selector顶点坐标 Y
		X = X < 0 ? 0 : X;
		Y = Y < 0 ? 0 : Y;
		X = X + $divWidth > $imgWidth ? $imgWidth - $divWidth : X;
		Y = Y + $divHeight > $imgHeight ? $imgHeight - $divHeight : Y;
		if ($viewImgWidth == null) {
			$viewImgWidth = $("#bigView img").outerWidth();
			$viewImgHeight = $("#bigView img").height();
			if ($viewImgWidth < 200 || $viewImgHeight < 200) {
				$viewImgWidth = $viewImgHeight = 800;
			}
			$height = $divHeight * $viewImgHeight / $imgHeight;
			$("#bigView").width($divWidth * $viewImgWidth / $imgWidth);
			$("#bigView").height($height);
		}
		var scrollX = X * $viewImgWidth / $imgWidth;
		var scrollY = Y * $viewImgHeight / $imgHeight;
		$("#bigView img").css({
			"left": scrollX * -1,
			"top": scrollY * -1
		});
		$("#bigView").css({
			"top": 75,
			"left": $(".preview").offset().left + $(".preview").width() + 15
		});
		return {
			left: X,
			top: Y
		};
	}
});
// 颜色 尺码框选择
$('.yanse li').click(function() {
	$(this).addClass('yanseXZ').siblings('li').removeClass('yanseXZ')
});
$('.chiMa li').click(function() {
	$(this).addClass('chiMaXZ').siblings('li').removeClass('chiMaXZ')
});



// 抓取颜色 尺码
var num =[];

$('.yanse li').click(function(){
	
	var a = $(this).parents('.yanse').index('.yanse');

	num[a]=$(this).text();
    
	
});
$('.jiaRu').click(function(){
	var str='';
	for (var i = 0; i <num.length; i++) {
		str+=num[i]+",";
	};
	var jk = $('.sj').html();
    str+=jk+',';
    var tp =$('.tp').attr('src');
     str+=tp+',';
   var sl=$('option:selected').val();
   str+=sl;
   var b = $(this).attr('href');
   $(this).attr('href',b+'&value='+str);
});







</script>
		<!--产品描述-->
		<div id="cPMS">
			<h5>
				产品描述：
			</h5>
			{{foreach from="$gdetail" value="$v"}}
			<p>
				{{$v['gade']}}
			</p>
			{{endforeach}}
		</div>
		<!--产品属性-->
		<div id="cPSX">
			<h5>
				产品属性：(点击属性可查看同类商品)
			</h5>
			<ul>
				<li>
					人群：
					<a href="">
						男
					</a>
				</li>
				<li>
					风格：
					<a href="">
						运动
					</a>
				</li>
				<li>
					场合：
					<a href="">
						运动休闲,户外运动,跑步
					</a>
				</li>
				<li>
					季节：
					<a href="">
						夏
					</a>
				</li>
				<li>
					厚度：
					<a href="">
						薄
					</a>
				</li>
				<li>
					版型：
					<a href="">
						修身
					</a>
				</li>
				<li>
					袖长：
					<a href="">
						短袖
					</a>
				</li>
				<li>
					领型：
					<a href="">
						圆领
					</a>
				</li>
				<li>
					衣长：
					<a href="">
						常规款
					</a>
				</li>
				<li>
					成分：
					<a href="">
						88%聚酯纤维、12%氨纶166G/...
					</a>
				</li>
			</ul>
		</div>
		<!--评论区-->
		<div id="pingLun">
			<div class="pingLun_L">
				<img src="image/guanggao.png" alt="" />
				<img src="image/guanggao.png" alt="" />
				<img src="image/guanggao.png" alt="" />
				<img src="image/guanggao.png" alt="" />
			</div>
			<div class="pingLun_R">
				<table>
					<tr>
						<th colspan="2">
							<a href="">
								我要评论
							</a>
						</th>
					</tr>
					<tr>
						<td class="tb_l">
							<div>
								<p>
									衣服本身有股刺鼻味道 已经丢了
								</p>
								<span>2016/1/4 12:51:48</span>
							</div>
							<ul>
								<li>
									颜色：黑色
								</li>
								<li>
									尺码：M
								</li>
								<li>
									身高：0cm
								</li>
								<li>
									体重：0.0kg
								</li>
								<li class="lastL">
									<尺码合适>
								</li>
							</ul>
						</td>
						<td class="tb_r">
							<a href="">
								138****1536
							</a>
						</td>
					</tr>
					<tr>
						<td class="tb_l">
							<div>
								<p>
									衣服本身有股刺鼻味道 已经丢了
								</p>
								<span>2016/1/4 12:51:48</span>
							</div>
							<ul>
								<li>
									颜色：黑色
								</li>
								<li>
									尺码：M
								</li>
								<li>
									身高：0cm
								</li>
								<li>
									体重：0.0kg
								</li>
								<li class="lastL">
									<尺码合适>
								</li>
							</ul>
						</td>
						<td class="tb_r">
							<a href="">
								138****1536
							</a>
						</td>
					</tr>
					<tr>
				</table>
				<div class="zaoPL">
					<span>查看更早评论(分页)</span>
				</div>
			</div>
		</div>
		<!--引导栏-->
		<div id="yindao">
			<ul>
				<li>
					<dt>
						关于凡客
					</dt>
					<dd>
						<a href="">
							公司简介
						</a>
					</dd>
					<dd>
						<a style="font-weight: 600;" href="">
							联系我们
						</a>
					</dd>
					<dd>
						<a href="">
							友情链接
						</a>
					</dd>
				</li>
				<li>
					<dt>
						新手指南
					</dt>
					<dd>
						<a href="">
							账户注册
						</a>
					</dd>
					<dd>
						<a href="">
							购物流程
						</a>
					</dd>
					<dd>
						<a href="">
							网站地图
						</a>
					</dd>
				</li>
				<li>
					<dt>
						配送范围及时间
					</dt>
					<dd>
						<a href="">
							国内配送
						</a>
					</dd>
					<dd>
						<a href="">
							订单拆分
						</a>
					</dd>
				</li>
				<li>
					<dt>
						支付方式
					</dt>
					<dd>
						<a href="">
							货到付款
						</a>
					</dd>
					<dd>
						<a href="">
							在线支付
						</a>
					</dd>
					<dd>
						<a href="">
							礼品卡及账户余额
						</a>
					</dd>
					<dd>
						<a href="">
							其他支付方式
						</a>
					</dd>
				</li>
				<li>
					<dt>
						售后服务
					</dt>
					<dd>
						<a href="">
							退换货政策
						</a>
					</dd>
					<dd>
						<a href="">
							退换货办理流程
						</a>
					</dd>
					<dd>
						<a href="">
							退换货网上办理
						</a>
					</dd>
					<dd>
						<a href="">
							退款说明
						</a>
					</dd>
				</li>
				<li>
					<dt>
						帮助中心
					</dt>
					<dd>
						<a href="">
							在线客服
						</a>
					</dd>
					<dd>
						<a href="">
							找回密码
						</a>
					</dd>
					<dd>
						<a href="">
							隐私声明
						</a>
					</dd>
				</li>
			</ul>
		</div>
		<!--底部小图标-->
		<ul id="foot-icon">
			<li>
				<a class="fi1" href="">
				</a>
			</li>
			<li>
				<a class="fi2" href="">
				</a>
			</li>
			<li>
				<a class="fi3" href="">
				</a>
			</li>
			<li>
				<a class="fi4" href="">
				</a>
			</li>
		</ul>
		<!--版权栏-->
		<div id="banquan">
			Copyright 2007 - 2016 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号
		</div>
		<div id="youlian">
			<a href="">
				<img src="./image/yl1.png" alt="" />
			</a>
			<a>
				<img src="./image/yl2.png" alt="" />
			</a>
			<a href="">
				<img src="./image/yl3.png" alt="" />
			</a>
			<a href="">
				<img src="./image/yl4.png" alt="" />
			</a>
			<a href="">
				<img src="./image/yl5.png" alt="" />
			</a>
			<a href="">
				<img src="./image/yl6.png" alt="" />
			</a>
		</div>
	</body>
</html>